<template>
<div class="header">
    <div class="header-left" @click="toHome()">
		<span class="iconfont">&#xe605;</span>
    </div>
	<div class="header-title">
		城市选择
	</div>
</div>
</template>

<script>
  export default{
    methods:{
      toHome(){
       //this.$router.push():在js内设置页面跳转地址的方法，没有参数直接编写跳转地址；如果有参数，设置path选项、参数选项
       this.$router.push('/')
      }
    }
  }
</script>
<!-- sconped局部样式 -->
<style scoped>
	.header{
		width: 100%;
		background-color: #00bcd4;
		color: white;
		font-size: 0.36rem;/*  18px*/
		position: relative;
		line-height: 0.88rem ;
	}
	.header-left{
		width: 0.4rem;
		padding: 0px 0.2rem;
		font-weight: bold;
		text-align: center;
    position: absolute;
	}
	.header-title{
    text-align: center;
  }
</style>
